.bg {
  position: relative;
  height: 495px;
  /* background-color: #fed; */
  overflow: hidden;
}
.bg .bg-l {
  margin-top: 20px;
  float: left;
  width: 130px;
  height: 470px;
  background-color: #fff;
  opacity: 0.5;
}
.bg .bg-l a {
  display: block;
  width: 128px;
  height: 38px;
  line-height: 38px;
  font-size: 16px;
  text-align: center;
  margin-top: 20px;
  color: #35b3ed;
  font-weight: 700;
}
.bg .bg-l .a1 {
  border-left: 2px solid #1aa5e6;
  border-top: 1px solid #d5d1d1;
  border-bottom: 1px solid #d5d1d1;
}
.bg .bg-c {
  float: left;
  width: 450px;
  height: 470px;
  margin-top: 20px;
  background-color: #fff;
}

.bg .bg-c input {
  float: left;
  width: 337px;
  height: 42px;
  border: 1px solid #e9e9e9;
  border-right: 0;
  margin-top: 30px;
  margin-left: 20px;
  text-indent: 2em;
}
.bg .bg-c .search {
  float: left;
  width: 70px;
  height: 45px;
  line-height: 45px;
  background-color: #00a0e9;
  margin-top: 30px;
  margin-bottom: 40px;
  text-align: center;
}
.bg .bg-c .tit {
  width: 410px;
  height: 55px;
  margin-left: 20px;
}
.bg .bg-c .tit i {
  float: left;
  font-weight: 700;
  font-size: 14px;
  margin-right: 10px;
} 
.tit .news_text a {
  font-size: 12px;
  margin-top: 30px;
  margin-right: 10px;
  padding: 0 10px;
}
.tit .news_text a:first-child {
  font-weight: 700;
}
.bg-c .tit .news_text span {
  padding: 1px 5px;
}
.bg-c .lis {
  height: 30px;
  line-height: 30px;
  background-color: #f8f8f8;
  margin-top: 170px;
}
.bg-c .lis .lis1 span {
  color: #00a0e9;
  font-size: 18px;
  margin-left: 35px;
}
.bg-c .lis .lis1 h4 {
  display: block;
  font-size: 12px;
  font-weight: 400;
  color: #a0a0a0;
}
.bg .bg_pr {
  position: absolute;
  top: -15px;
  left: 135px;
  z-index: 999;
}
.swiper-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.swiper-container img {
  width: 100%;
  height: 100%;
}
.swiper-container img:hover {
  transform: scale(1.1);
  transition: all 1s;
}
.pic {
  height: 246px;
  background-color: hotpink;
  margin-top: 60px;
}
.pic .pic1 {
  float: left;
  width: 296px;
  height: 246px;
  background-color: khaki;
}
.pic .pic2 {
  float: left;
  width: 390px;
  height: 246px;
  background-color: lightgreen;
  margin: 0 8px;
}
.pic .pic3 {
  float: left;
  width: 378px;
  height: 246px;
  background-color: fuchsia;
}
.pic .pic3 .tt {
  width: 378px;
  height: 119px;
  background-color: gold;
  margin-bottom: 8px;
}
.pic .pic3 .tb {
  width: 378px;
  height: 119px;
  background-color: gold;
}
.list {
  height: 144px;
  background-color: greenyellow;
  margin-top: 60px;
}
.china {
  height: 447px;
  background-color: #fff;
  margin-top: 30px;
}
.china .title {
  height: 44px;
  line-height: 44px;
  font-size: 24px;
  border-bottom: 2px solid #4fbdef;
  color: #5ea9ea;
  margin-bottom: 30px;
}
.china .shan {
  float: left;
  width: 262px;
  height: 364px;
  background-color: lightpink;
  margin-left: 5px;
}
.china .zhangye {
  float: left;
  width: 400px;
  height: 364px;
  background-color: orange;
  margin: 0 5px;
}
.china .fengjing {
  float: left;
  width: 390px;
  height: 364px;
  background-color: blue;
}
.abroad {
  height: 542px;
  background-color: #fff;
  margin-top: 30px;
}
.abroad .title {
  height: 44px;
  line-height: 44px;
  font-size: 24px;
  border-bottom: 2px solid #4fbdef;
  color: #5ea9ea;
  margin-bottom: 30px;
}
.abroad .sea {
  float: left;
  width: 541px;
  height: 476px;
  background-color: aqua;
}
.abroad .sea .qing {
  height: 211px;
  background-color: orange;
  margin-bottom: 25px;
  margin-left: 5px;
}
.abroad .sea .q1 {
  float: left;
  width: 245px;
  height: 236px;
  background-color: orchid;
  margin-left: 5px;
}
.abroad .sea .q2 {
  float: right;
  width: 245px;
  height: 236px;
  background-color: green;
}
.abroad .ship {
  float: right;
  width: 517px;
  height: 476px;
  background-color: brown;
}
.abroad .ship .s1 {
  float: left;
  width: 245px;
  height: 236px;
  background-color: green;
  margin-right: 15px;
  margin-bottom: 10px;
}
.abroad .ship .s2 {
  float: left;
  width: 245px;
  height: 236px;
  background-color: pink;
}
.abroad .ship .s3 {
  float: left;
  width: 245px;
  height: 225px;
  background-color: plum;
  margin-right: 15px;
}
.abroad .ship .s4 {
  float: left;
  width: 245px;
  height: 225px;
  background-color: peru;
}
